<template>
    <div class="main">
      <a :href="myUrl+'/?zzypropid=1'" :class="{'active':(num==0)}">
        <i class="iconfont">&#xe634;</i>
        <p>首页</p>
      </a>
      <a :href="myUrl+'/availableshop'" :class="{'active':(num==1)}">
        <i class="iconfont">&#xe625;</i>
        <p>我的拼团</p>
      </a>
    </div>
</template>

<script>
  import {
      baseUrl,auth,myUrl,
    } from "@/assets/public"
  export default {
        name: 'main',
        data () {
            return {
			  myUrl:myUrl,
			}
        },
        mounted() {},
        props:['num'],
        methods: {}
    }
</script>

<style scoped>
  @import "../../font_880fex1d3q6c4n29/iconfont.css";
  .main {
    width: 100%;
    height:1.4rem;
    background: #ffffff;
    position: fixed;
    bottom: 0;
    left:0;
    display: flex;
    align-items: center;
  }
  .main a {
    width: 50%;
    height:1.4rem;
    text-align: center;
  }
  .main a i {
    display: block;
    font-size:.6rem;
    margin-top:.2rem;
    color: #999999;
  }
  .main a p {
    font-size:.32rem;
    color: #999999;
  }
  .active i {
    color: #333 !important;
  }
  .active p {
    color: #333 !important;
  }

</style>
